<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>漫威空间</title>
    <link rel="stylesheet" href="manwei-style.css">

</head>
<body>
    <audio src="jws.ogg" controls="controls" autoplay="autoplay">
        <!-- Your browser does not support the audio element. -->
        <!-- chrome不支持自动播放，因此没有声音 -->
        </audio>
    <div class="space"> 
        <ul id="q4">
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠1.jpg" alt=""></li>
            <li><img src="img/雷神2.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
        </ul>
        <ul>
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠1.jpg" alt=""></li>
            <li><img src="img/雷神2.jpg" alt=""></li>
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
        </ul>
        <ul id="one">
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/雷神1.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠2.jpg" alt=""></li>
            <li><img src="img/黑寡妇2.jpg" alt=""></li>
            <li><img src="img/黑豹2.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/钢铁侠2.jpg" alt=""></li>
            <li><img src="img/奇异博士2.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
        </ul>
        <ul id="two">
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠3.jpg" alt=""></li>
            <li><img src="img/雷神3.jpg" alt=""></li>
            <li><img src="img/钢铁侠4.jpg" alt=""></li>
            <li><img src="img/黑寡妇2.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/黑豹3.jpg" alt=""></li>
            <li><img src="img/奇异博士3.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
        </ul>
        <ul id="three">
            <li><img src="img/钢铁侠4.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠4.jpg" alt=""></li>
            <li><img src="img/黑豹2.jpg" alt=""></li>
            <li><img src="img/雷神4.jpg" alt=""></li>
            <li><img src="img/黑寡妇4.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
        </ul>
        <ul id="frou">
            <li><img src="img/蜘蛛侠2.jpg" alt=""></li>
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/雷神4.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/绿巨人1.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
        </ul>
        <ul id="five">
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/钢铁侠4.jpg" alt=""></li>
            <li><img src="img/雷神3.jpg" alt=""></li>
            <li><img src="img/奇异博士3.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠3.jpg" alt=""></li>
            <li><img src="img/绿巨人2.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
        </ul>
        <ul id="q1">
            <li><img src="img/绿巨人4.jpg.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
            <li><img src="img/绿巨人3.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠1.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/雷神2.jpg" alt=""></li>
        </ul>
        <ul id="q2">
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠1.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/绿巨人1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
        </ul>
        <ul id="q3">
            <li><img src="img/蜘蛛侠1.jpg" alt=""></li>
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/雷神2.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
            <li><img src="img/漫威.jpg" alt=""></li>
        </ul>
        <ul id="q5">
            <li><img src="img/漫威.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠1.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/雷神2.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
        </ul>
        <ul id="q6">
            <li><img src="img/钢铁侠.jpg" alt=""></li>
            <li><img src="img/黑寡妇1.jpg" alt=""></li>
            <li><img src="img/黑豹1.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
            <li><img src="img/雷神2.jpg" alt=""></li>
            <li><img src="img/古一.jpg" alt=""></li>
            <li><img src="img/贾维斯.jpg" alt=""></li>
            <li><img src="img/蜘蛛侠1.jpg" alt=""></li>
            <li><img src="img/空间1.jpg" alt=""></li>
            <li><img src="img/奇异博士1.jpg" alt=""></li>
        </ul>
    </div>
</body>
</html>